<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/itemdetail.css">
</head>

<body>
    <!-- 最外层容器 -->
    <div class="iot_whole_wrap">
        <div class="iot_top_fixed">
            <div class="iot_back"><a href="index.html">
                    <</a>
            </div>
            <div class="iot_top_title">商品详情</div>
        </div>
        <div class="iot_item_show_img">
            <img src="../images/baokuan2.png" id="img">
        </div>
        <div class="iot_item_price">￥110.00</div>
        <div class="iot_item_title">居家旅行常备家用医疗包</div>
        <div class="iot_item_note">备注信息</div>
        <div class="iot_item_static">
            <div class="iot_static_item">
                <div class="iot_static_left">选择</div>
                <div class="iot_static_right">请选择商品规格</div>
            </div>
            <div class="iot_static_item">
                <div class="iot_static_left">送至</div>
                <div class="iot_static_right">请选择收货地址</div>
            </div>
            <div class="iot_static_item">
                <div class="iot_static_left">服务</div>
                <div class="iot_static_right">无忧退&nbsp;快速退款&nbsp;免费包邮</div>
            </div>
        </div>
        <div class="iot_item_detail">
            <div class="iot_detail">&nbsp;&nbsp;详情</div>
            <div class="iot_detail_unit">
                <div class="iot_detail_left">品名</div>
                <div class="iot_detail_right">高档红酒</div>
            </div>
            <div class="iot_detail_unit">
                <div class="iot_detail_left">品名</div>
                <div class="iot_detail_right">高档红酒</div>
            </div>
            <div class="iot_detail_unit">
                <div class="iot_detail_left">品名</div>
                <div class="iot_detail_right">高档红酒</div>
            </div>
            <div class="iot_detail_unit">
                <div class="iot_detail_left">品名</div>
                <div class="iot_detail_right">高档红酒</div>
            </div>
            <div class="iot_detail_unit">
                <div class="iot_detail_left">品名</div>
                <div class="iot_detail_right">高档红酒</div>
            </div>
        </div>
        <div class="iot_detail_imgs">
            <img src="../images/baokuan1.jpg" class="iot_detail_images">
            <img src="../images/baokuan1.jpg" class="iot_detail_images">
            <img src="../images/baokuan1.jpg" class="iot_detail_images">
            <img src="../images/baokuan1.jpg" class="iot_detail_images">
            <img src="../images/baokuan1.jpg" class="iot_detail_images">
        </div>
        <div class="iot_buttom_fixed">
            <div class="iot_btm_one">
                <img src="../icons/heart.svg">
                <div class="iot_text">收藏</div>
            </div>
            <div class="iot_btm_two">
                <img src="../icons/kefu.svg">
                <div class="iot_text">客服</div>
            </div>
            <div class="iot_btm_three">
                <img src="../icons/shopcar.svg">
                <div class="iot_text">购物车</div>
            </div>
            <div class="iot_btm_four">加入购物车</div>
            <div class="iot_btm_five">立即购买</div>
        </div>
        <div class="iot_click_tobuy">
            <div class="iot_c_tb">
                <div class="iot_ctb_left">
                    <img src="" id="tobuy_img">
                </div>
                <div class="iot_ctb_cen">
                    <div class="iot_price">￥159.00</div>
                    <div class="iot_inventory">库存：421</div>
                    <div class="iot_selected">已选，灰色镂空40</div>
                </div>
                <div class="iot_ctb_right">
                    <img src="../icons/back.svg">
                </div>
            </div>
            <div class="iot_color">颜色</div>
            <div class="iot_ctb_mid">
                <div class="iot_color_option active">灰色镂空</div>
                <div class="iot_color_option">花灰普通</div>
                <div class="iot_color_option">黑色普通</div>
                <div class="iot_color_option">黑色加绒</div>
                <div class="iot_color_option">杏色加绒</div>
            </div>
            <div class="iot_size">尺码</div>
            <div class="iot_ctb_mid">
                <div class="iot_size_option active">40</div>
                <div class="iot_size_option">39</div>
                <div class="iot_size_option">38</div>
                <div class="iot_size_option">37</div>
                <div class="iot_size_option">36</div>
            </div>
            <div class="iot_count">
                <div class="iot_count_left">数量</div>
                <div class="iot_count_right">
                    <div class="iot_delete">-</div>
                    <div class="iot_nums">0</div>
                    <div class="iot_add">+</div>
                </div>
            </div>
            <div class="iot_ctb_buttom">
                该商品已抢完
            </div>
        </div>
    </div>
    <script src="../js/itemdetails.js"></script>
</body>

</html>